<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1"/>
		<link rel="icon" href="../../img/1.ico">
		<title>bootstrap测试</title>
			<!-- Bootstrap core CSS -->
        <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
 		<link href="../css/index.css" rel="stylesheet"/>
	    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	    <!--[if lt IE 9]>
	      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
	      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	    <![endif]-->
	</head>
	<body>
		
		
		<div class="container-fluid">
			<div class="col-lg-4 col-sm-6" style="border: 1px black solid; height: 350px;">
				<div id="main1" style="height: 350px;"></div>
			</div>
			<div class="col-lg-4 col-sm-6" style="border: 1px black solid; height: 350px;">
				<div id="main2" style="height: 350px;"></div>
			</div>
			<div class="col-lg-4 col-sm-6" style="border: 1px black solid; height: 350px;"></div>
		</div>
		<div class="container">
	<h2>使用Bootstrap创建弹出框</h2>
	<div class="well">
		<a href="#" id="example" class="btn btn-success" rel="popover" data-content="为我的网站创建一个提示框如此简单！" data-original-title="Bootstrap弹出框">悬停弹出框</a>
	</div>
</div>
		
   <!-- Bootstrap core JavaScript================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="//cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="../js/echarts/build/dist/echarts.js"></script>
	<script type="text/javascript" src="../js/test.js" ></script>
	
	
	<script>
$(function (){ 
	$("#example").popover();
});
</script>
	</body>
</html>
